<template>
  <div class="">
    <div class="operator-tip" v-if="$attrs.source === 'gift'">
      <p>
        治理：修改数据所属业务线、查看治理方案、记录治理过程，并发起验收<br />
        （申诉过程中不可操作）<br />
      </p>
      <p>
        转交：将不属于自己的数据转交给他人（支持左侧勾选多个，批量转交）<br />
        （申诉过程中不可操作）<br />
      </p>
      <p>申诉：对不需要治理的数据发起申诉审批（支持左侧勾选多个，批量申诉）<br />（申诉过程中可查看审批进度）<br /></p>
    </div>
    <div class="operator-tip" v-else>
      <p>
        治理：修改数据所属业务线、查看治理方案、记录治理过程，并发起验收<br />
        （验收过程中和申诉过程中不可操作）<br />
        <span class="text-color">正常治理流程，推荐使用</span>
      </p>
      <p>
        验收：直接发起验收（支持左侧勾选多个，批量验收）<br />
        （验收过程中和申诉过程中不可操作）<br />
        <span class="text-color">如果您手中有大量待验收数据，建议使用此操作</span>
      </p>
      <p>
        转交：将不属于自己的数据转交给他人（支持左侧勾选多个，批量转交）<br />（验收过程中和申诉过程中不可操作）<br />
      </p>
      <p>
        申诉：对不需要治理的数据发起申诉审批（支持左侧勾选多个，批量申诉）<br />（验收过程中不可操作，申诉过程中可查看审批进度）
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: "operatorTip",
  props: {},
  components: {},
  data() {
    return {};
  },
  computed: {},
  mounted() {},
  methods: {},
  watch: {},
};
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
.text-color {
  color: $color;
}
.operator-tip {
  padding-left: 10px;
}
</style>
